<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <title>TextArea(文本域)测试页面</title>
    <link href="/static/css/index.css" rel="stylesheet" type="text/css">
    <link href="/static/css/controls.css" rel="stylesheet" type="text/css">
    <style>[ng-cloak]{display:none}</style>

</head>
<body ng-cloak style="margin: 50px 50px;">
    <!--
      文本框:没有使用单独的指令，而是使用公共指令实现其功能。
      g-trim:去除空格，ltrim:去除左边空格;rtrim:去除右边空格;trim(默认值):去除左右空格。
      g-dbc:全角转半角处理
      g-lower-case:大写字母转小写字母处理
      g-upper-case:大写字母转小写字母处理
      g-width:设置元素宽度，单位有%:百分比;in：英寸;cm：厘米;mm：毫米;pt:磅数;pc:12点活字;ex:字母高度的一半;em:字体高度;px：像素(默认)
      g-height:设置元素高度,单位有%:百分比;in：英寸;cm：厘米;mm：毫米;pt:磅数;pc:12点活字;ex:字母高度的一半;em:字体高度;px：像素(默认)
      ng-show:控制元素显示和隐藏。true:显示;false:隐藏
      disabled:控制元素是否禁用。有设置就禁用
    -->
    <div><label>可用状态:</label>
        <br>
            <textarea name="" g-numeric g-trim="ltrim"  id="" g-case="upper"  g-width="400" g-height="100"
                      ng-show="true" cols="30" rows="7" placeholder="输入提示" class="form-text" ng-cloak></textarea>
    </div>

    <div><label>禁用状态:</label>
        <br>
        <textarea disabled="disabled" g-trim="ltrim"   g-case="upper"  g-width="400" g-height="100" ng-show="true" cols="30" rows="7" placeholder="输入提示" class="form-text"  ng-cloak></textarea>
    </div>

    <script>
        var ctx = '';
        var basePath = '/gillion-web';
        var locale = 'zh-cn'
    </script>
    <script src="/bower_components/requirejs/require.js" data-main="/static/app.js"
        data-bootstrap-modules="['framework/control/GillionControlDirectiveModule']"></script>
</body>
</html>